/*
 * @Author: jiu yin
 * @Date: 2023-12-21 16:45:08
 * @LastEditTime: 2024-06-06 19:21:59
 * @LastEditors: jiu yin zhen jing
 * @FilePath: \studio-web-admin\src\comment\user_avatar\index.tsx
 * jiu
 */
import { useState } from "react";
import "./index.scss";
import { ManOutlined, WomanOutlined } from "@ant-design/icons";
function Avatar(props: any) {
   const { avatar_url="", nickname="", sex,user_status=0, id } = props.options;
   return (
      <div className="user_avatar flex align_center" style={{color:props.options.color||'#161940'}}>
         <img src={avatar_url} alt="" />
         <div className="right">
            <div className="flex">
               <p className="c-#161940 text-14px">{nickname}</p>
               {sex&&(sex == 1 ? (
                  <ManOutlined style={{ color: "#2A6BFB" }} />
               ) : (
                  <WomanOutlined style={{ color: "#F65267" }} />
               ))}
               {user_status==4&&<p>(已注销)</p>}
            </div>
            {id && <p className="c-#5C5F7A text-12px">ID:{id}</p>}
            {props.children}
         </div>
      </div>
   );
}
export default Avatar;
 